.vega-embed {
  width: 100%;
  min-width: 300px;
  flex: 1;
}

/* This may have bad performance, but it's the only way I can get the vega chart to fill the space. */
div:has(> marimo-ui-element > marimo-vega) {
  display: block !important;
  flex: 1;
  min-width: 450px;
}

.vega-embed canvas {
  @apply rounded-md;
}

.vega-embed .vega-actions.vega-actions {
  /* Otherwise overflows */
  right: 3px;

  &::after {
    right: 3px;
  }

  &::before {
    right: 2px;
  }
}
